<div ng-controller="AdminFeedbackCtrl as vm">
<section class="content-header">
    <!-- Content Header (Page header) -->
    Feedback Report
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> HR - Feedback</a></li>
    </ol>
</section>
<!-- Main content -->
<section class="content">
    <div class="row">
		<div class="col-md-12">
			<div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">Feedback on support center summary report</h3>
                    <div class="pull-right">
                    	<form class="form-inline">
						  <div class="form-group">
						    <select class="form-control" ng-options="div for div in years track by div" ng-model="vm.year" ng-change="vm.loadData()">
                      </select>
						  </div>
						  <div class="form-group">
						    <select class="form-control" ng-options="div for div in months track by div" ng-model="vm.month" ng-change="vm.loadData()">
                      </select>
						  </div>
                          <div class="form-group">
                                    <select class="form-control" ng-options="div.name for div in regions track by div.id" ng-model="vm.region" ng-change="vm.regionChange()">
                                        <option ng-if="role!='Sub-Region Admin'" value="">--- Sub-Region ---</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <select class="form-control" ng-options="div.name for div in clusters track by div.id" ng-model="vm.cluster" ng-change="vm.loadData()">
                                        <option value="">--- Cluster ---</option>
                                    </select>
                                </div>
						</form>
                       
                      
                    </div>
                </div>
                <div class="box-body table-responsive no-padding" style="height: 600px">

                				
                            <table ng-table="vm.tableParams" class="table table-hover table-bordered table-condensed" show-filter="true">
                            	
                            	<tr ng-repeat="ret in $data">
						        <td width="300px" title="'Hotel Name'" filter="{ hotel: 'text'}" sortable="'hotel'">
						            {{ret.hotel}}</td>
						        <td title="'Feedback from Hotel'" filter="{ 'feedback': 'text'}" sortable="'feedback'">
						            {{ret.feedback}}</td>
						        
						    </tr>
                       
                            </table>
                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.box -->
		</div>
    </div>

</section>
</div>

